.servie {
    overflow: auto;
    padding: 1rem;
    background: #f0f2f5;
    .header {
      height: 3rem;
      line-height: 3rem;
      text-align: center;
      background: white;
      display: flex;
      margin-bottom: 1rem;
      padding: 0 1rem;
      border-radius: 0.5rem;
      overflow: hidden;
      .title {
        flex: 1;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: left;
      }
    }
    .servie-con {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      .servie-item {
        width: calc(50% - 1rem);
      }
    }
    .row-item {
      margin-bottom: 1rem;
      overflow: hidden;
      display: flex;
      border-radius: 1rem;
      overflow: hidden;
      .chart-con {
        width: 40%;
        padding: 1.25rem;
        background: white;
        border-radius: 1rem;
        margin-left: 1rem;
        position: relative;
        .show-detail {
          position: absolute;
          top: 1rem;
          right: 1rem;
          color: blue;
          cursor: pointer;
        }
      }
      .main-info {
        height: 20rem;
        display: flex;
        margin-bottom: 2rem;
        width: calc(50% - 1rem);
        border-radius: 1rem;
        overflow: hidden;
        flex: 1;
        .left-con {
          width: 14rem;
          height: 100%;
          border-radius: 0.5rem;
          overflow: hidden;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .right-con {
          flex: 1;
          height: 100%;
          text-align: left;
          padding: 0 1rem;
          overflow: hidden;
          .title {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 1rem;
          }
          .evaluate {
            font-size: 0.93rem;
          }
        }
      }
    }
  }
  ::v-deep {
    .ant-card-body {
      width: 100%;
      height: 100%;
      display: flex;
    }
  }